<h2>When</h2>
<div style="display:inline" class="source">
<span id="time_img"> 
<?php echo CHtml::image('/images/time.png','Choise Time',array("class"=>"when_btn")).CHtml::image('/images/del.png','Delete',array("class"=>"delete_btn")); ?></span>
<span id="location_img"> 
<?php echo CHtml::image('/images/location.png','Choise location',array("class"=>"when_btn")).CHtml::image('/images/del.png','Delete',array("class"=>"delete_btn")); ?></span>
<span id="weather_img"> 
<?php echo CHtml::image('/images/weather.png','What weather?',array("class"=>"when_btn")).CHtml::image('/images/del.png','Delete',array("class"=>"delete_btn")); ?></span>
</div>

<span style="display:none">

<span id="time"> 
<label for="st_date">Start date</label><input type="text" id="st_date" name="st_date" value="<?php echo date("m/d/Y");?>"/>
<div><label for="st_h">time H:m</label><input type="text" name="st_time" id="st_time" value="12:00"/></div>
End date <input type="text" id="end_date" name="end_date" value="<?php echo date("m/d/Y",time() + (7 * 24 * 60 * 60));?>"/>
<div><label for="end_h">time H:m</label><input type="text" name="end_time" id="end_time" value="12:00"/> </div> <span id="now_button" onclick="now_toggle()" style="text-align:center;">NOW!<input type=hidden id="now" name="now"/></span>
</span>

<span id="location"><div id="map_canvas" style="width:100%; height:100%"></div> 
<select id="location_menu" selected="One_point">
<option value="Continent">Continent</option>
<option value="Country">Country</option>
<option value="City">City</option>
<option value="One_point" >One point</option>
</select>
<span id="One_point"><label for="address">Address</label><input type="text" name="address" id="address" /> <label for="radius">Radius</label> <input type="number" name="radius" id="radius" value="500" onchange="location_change('radius')"/></span>
<span id="Continent" ><label for="address_Continent">Continent</label>
<select id="address_Continent" onchange="location_change('Continent')">
<option value="Europe">Europe</option>
<option value="North_America" >North America</option>
<option value="South_America" >South America</option>
<option value="Australia" >Australia</option>
<option value="Africa">Africa</option>
<option value="Asia">Asia</option>
</select></span>
<span id="Country" ><label for="address_Country">Country</label><input type="text" name="address_Country" id="address_Country" /></span>
<span id="City" ><label for="address_City">City</label><input type="text" name="address_City" id="address_City" /></span>
<div class="when_done" onclick="location_change('address')">Show on map</div><input  type=hidden name="lat" id="lat" /><input  type=hidden name="lng" id="lng"/></span>

<span id="weather">This amazing feature is under construction - come back soon
</span>

</span>

<div class="when_result_img"></div>
<div class="when_popup">
<div id="when_btns" style="display:none"><span class="when_cancel" onclick="when_cancel()">Cancel</span><span class="when_done" onclick="when_done()">Save</span></div>
</div>
<div class="when_result" style="display:none"></div>